<template>

  <!--  -->
  <div class="aaa">
    我是子aaa

    <el-button @click="x">发送信息bbb</el-button>

    {{ $attrs.aaa }}

    {{ $listeners }}
    <!-- 特性继承测试 -->

    <!-- <m :xxx="$attrs.aaa" :nnn="$attrs.ccc" @hh="$listeners.hh" @kk="j" /> -->

    <m v-bind="$attrs" v-on="$listeners" /> <!--  简写将所有属性进行绑定，不用一个一个绑定 -->>

  </div>
</template>

<script>
export default {
  components: {
    m: () => import('./孙组件.vue')
  },
  beforeCreate() {
    this.$bus.$off()
  },

  methods: {
    x() {
      this.$bus.$emit('a', '1')
    },
    j() {
      this.$bus.$emit('a', '2')
    }
  }

}
</script>

<style scoped>
.aaa {
  width: 200px;
  height: 200px;
  border: 1px solid rgb(26, 255, 0);
  margin: 50px;
}
</style>
